Cara Memproteksi Postingan Blogspot

Daftar Isi

Hai sobat, bersama mimin lagi nih.

Semoga tidak membosankan yaaa, hehe.

Kesempatan kali ini mimin mau berbagi tutorial cara memproteksi psotingan di blogspot.

Sebelumnya mimin sudah demokan untuk bahan uji coba pada postingan kemarin, hehe.

Tentunya kalian tertarik kan?

Kalau yang masih bingung kayak orang linglung, mimin coba jelasin lagi deh, biar nanti tidak kesasar ke mana-mana, hehe.

Jadi fitur proteksi postingan ini gunanya untuk mengamankan postingan kalian untuk dibaca sama orang-orang tertentu, entah itu kekasih, mantan atau sejenisnya, hehe.

Loh, kalau diproteksi seperti itu, apa pembaca umum tidak bisa akses bang?

Tentu tidak dong, kecuali kalau kalian mau baik hati kasih passwordnya ke mereka yang mau baca tulisan rahasiamu, hehe.

Tapi menurut mimin, fitur ini berguna banget, karena fitur ini bisa memfilter setiap postingan, jadi mana yang dibaca buat hak layak umum, dan mana yang dibaca khusus orang-orang tertentu seperti siswa atau sejenisnya. Dan berguna banget bagi kalian yang profesinya guru, kalau punya blog pribadi, hehe. Selain guru juga, bisa buat kalian yang mau jual mahal tulisa-tulisan karya kalian, ya bisa dikatakan dikomersialkan karya kalian dalam blog postingan kalian.

yang mimin suka dari fitur ini itu bisa proteksi sebagian tulisan dalam postingan. Jadi kalau para pembaca mau melanjutkan membaca tulisan kalian, mau tidak mau harus memasukan password. Misal kalian punya cerpen, yang ditampilkan hanya paragraph yang pertama, kemudian paragraph kedua, ketiga dan seterusnya kalian proteksi dengan fitur ini.

Ingat, kalau penggalan paragraph pertama dalam cerpen atau sejenisnya itu tulisannya menarik dan membuat pembaca makin penasaran dengan kelanjutannya, otomatis pembaca mau tidak mau harus memasukan ppassword, nah, jadi password itu mau kalian jual atau hanya sekedar iseng. Kalau sekedar iseng, jangan lupa beri keterangan di atasnya sebelum memasukan password, ya misal kalian cantumkan passwordnya bersamaan dengan postingan kalian. Jadi pembaca mau memasukan password, tinggal copas aja deh.

Oya, tentunya setiap ada kelbihan pastinya ada kekurangan, setuju tidak?

Tadi mimin di atas mencjelaskan kelebihannya, Lalu apa kekurangannya?

Kekurangannya itu harus memasang secara manual. Tidak seperti wordpress yang tersedia pada menu-menunya. Jadi kalau di blogspot harus memasang secara manual dengan coding saat kalaian mau memproteksi salah satu postingan.

Tenang tidak usah pusing, mimin sudah siapkan kodenya, kalian tinggal memakainya dan tingga diganti passwordnya didalam kode-kode yang mimin bagikan.

Gimana tertarik tidak?

Kalau tertarik kalian tinggal masukan password rajanetra, untuk yang ingin memasang proteksi dalam setiap postingan blogspot.

Okeee, lest goooo………..

 

Masukkan Password Untuk Melanjutkan Membaca!

Selamat kalian sudah berhasil membuka proteksi postingan ini.

Oke, mari kita lanjut ke tutorialnya.

Jadi kalian siapkan tulisan yang ingin di posting, kalau  sudah ada, mari ikuti cara-cara berikutnya:

1.      Buka blogspot.com.

2.      Buat entri baru.

3.      Berikan judul dan isi postingan.

4.      Tunggu beberapa detik, agar diproses, setelah itu ubah tampilan html, yang sebelumnya tampilannya postingan.

5.      Nah, jadi tulisan kalian sekarang menjadi coding beserta tulisan yang sudah dibuatnya.

6. Kemudian pastekan kode berikut ini yang kalian mau, ingat jangan posisikan kode ini di atas tulisan kalian, letakkan di tengah-tengah kode 

<p class="MsoNormal" style="line-height: 150%; text-align: justify;"><span style="font-family: &quot;Times New Roman&quot;,serif; font-size: 12.0pt; line-height: 150%; mso-bidi-font-family: Arial; mso-bidi-font-size: 11.0pt; mso-bidi-theme-font: minor-bidi;"><o:p>&nbsp;</o:p></span></p><br /><p></p>

Nah, di atas kode itu kan ada tulisan biasa, jadi kalian letakan kode proteksinya di bawah kode tadi yaa.

Kalau sudah paham, masukan kode proteksi ini dibawah kode tadi yaa.

<script>

function verify() {

  if (document.getElementById('password').value === 'rajanetra') {

    document.getElementById('HIDDENDIV').classList.remove("hidden");

    document.getElementById('credentials').classList.add("hidden");

  } else {

    alert('Password Salah!');

    password.setSelectionRange(0, password.value.length);

  }

  return false;

}

</script>

 

<style>

.hidden {display: none;}

.passwordku{padding:30px;background:#f3f3f3;border-radius:5px;width:300px;}

.buttonkls{padding:4px 20px 4px; 20px;background:#3e4282;color:#fff;width:80%;border-radius:5px;}

.inputpassw{padding:4px;background:#fff;color:#000;width:80%;text-align:center;border-radius:5px;margin-bottom:3px;}

.ketpassword{text-align:center;margin-bottom:5px;}

</style>

 

<center>

<div id="credentials">

<div class="passwordku">

<div class="ketpassword">

Masukkan Password Untuk Melanjutkan Membaca!

</div>

<input class="inputpassw" type="text" id="password" onkeydown="if (event.keyCode == 13) verify()" />

<br/>

<input class="buttonkls" id="button" type="button" value="LANJUTKAN MEMBACA" onclick="verify()" />

</div>

</div>

</center>

 

<div id="HIDDENDIV" class="hidden">

 

Kemudian ganti kata rajanetra, dengan yang kalian mau. Karena itu password yang kalian harus masukan disela-sela kode diatas yaa, baca teliti yaa,

Oke untuk memudahkan untuk mengganti rajanetra sebagai passwordnya, itu berada di baris kode ketiga, jadi ingat pada baris ketiga, lalu kursor kalian berada diakhir, dan panah kiri hingga menemukan rajanetra, lalu ganti apa yang kalian mau.

 

Setelah itu save postingan kalian.

Silakan lihat hasilnya, kalau gagal berarti ada yang salah, kalau iktui apa yang mimin intruksikan, pasti berhasil…

Selamat mencobaaa,

Terima kasih yang sudah membaca, dan jangan lupa follow, komen dan share nya yaaa sobat……